.zdpp {
	width: 100%;
	text-align: center;
	overflow: hidden;
	background-color: white;
}

.zdpp {
	margin: auto;
}

.zHeader {
	width: 100px;
	height: 50px;
    margin-top: -3.5%;

}
.zHeader>img{
	width: 100%;
	height: 100%;
}

.zLfet {
	width: 200px;
	height: 300px;
	margin-left: 65%;
	margin-top: -9%;
	overflow: hidden;
}

.zManager {
	width: 600px;
	height: 400px;
	margin-top: -22%;
}

.zManager p {
	color: black;
	font-size: 60px;
	text-align: center;
}

.zProfitMap_title2 {
	width: 100%;
	text-align: center;
}

.zProfitMap_title2 span {
	margin: 0 auto;
	margin-top: -2px;
	width: 454px;
	height: 41px;
	display: block;
	background-color: rgb(253, 178, 0);
	font-size: 22px;
	line-height: 41px;
}

.zProfitMap_title2 div {
	margin: 3px auto;
	width: 454px;
	height: 0px;
	color: white;
	border: 1px solid rgb(253, 178, 0);
}

.zLoad {
	width: 200px;
	height: 50px;
	border: 2px solid black;
	margin: 0 auto;
	margin-top: 30px;
	background-color: #CCCCCC;
}
.q1>a{
	color: black;
	text-decoration: none;
}

.zLoad>p {
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	color: black;
}


.zLoad:hover {
	background-color: rgb(253, 178, 0);
}

.Zcamera {
	width: 100%;
	height: 400px;
	margin-top: 70px;
}

.Zcamera>img {
	width: 100%;
	height: 100%;
}

.zSp {
	width: 100%;
	height: 800px;
    margin-top: 5%;
	top: 10%;
	overflow: hidden;
}

.zStep_1 {
	width: 30%;
	height: 50px;
	margin-top: 20px;
	float: left;
}

.zStep_1>p {
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	color: rgb(253, 178, 0);
}

.zStep_2 {
	width: 80px;
	height: 80px;
	border: 5px solid orange;
	border-radius: 100%;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

.a1 {
	margin-left: 7px;
}

.zStep_3 {
	width: 45%;
	height: 100px;
	background-color: rgb(253, 178, 0);
	float: left;
	margin-left: 40px;
}

.a2 {
	width: 460px;
	height: 50px;
	margin-left: 20px;
	margin-top: 15px;
}

.a2>p {
	font-size: 20px;
	color: white;
	text-align: left;
}

.a2_p {
	width: 460px;
	height: 50px;
	border-top: 1px solid white;
}

.a2_p>span {
	color: white;
	font-size: 40px;
	float: left;
}

.a2_p>a>p {
	color: white;
	font-size: 20px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}

.a2_p>a>p:hover {
	color: black;
}

.a2_p>a {
	text-decoration: none;
}

.zSecond {
	width: 100%;
	height: 150px;
	margin-top: 20px;
	float: left;
}

.zSecond_1 {
	width: 30%;
	height: 50px;
	margin-top: 10px;
	float: left;
}

.zSecond_1>p {
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	color: black;
}

.zSecond_2 {
	width: 80px;
	height: 80px;
	border: 5px solid orange;
	border-radius: 100%;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

.a3 {
	margin-left: 15px;
}

.zSecond_3 {
	width: 44%;
	height: 100px;
	background-color: black;
	opacity: 0.7;
	float: left;
	margin-left: 40px;
}

.zSecond_4 {
	width: 460px;
	height: 50px;
	margin-left: 20px;
	margin-top: 10px;
}

.zSecond_4>p {
	font-size: 20px;
	color: white;
	text-align: left;
}

.zSecond_5 {
	width: 460px;
	height: 150px;
	border-top: 1px solid white;
}

.zSecond_5>ul>li {
	font-size: 12px;
	color: white;
	text-align: left;
}

.zThird {
	width: 100%;
	height: 150px;
	margin-top: 20px;
	float: left;
}

.zThird_1 {
	width: 30%;
	height: 50px;
	margin-top: 10px;
	float: left;
}

.zThird_1>p {
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	color: rgb(253, 178, 0);
}

.zThird_2 {
	width: 80px;
	height: 80px;
	border: 5px solid orange;
	border-radius: 100%;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

.a4 {
	margin-left: 25px;
}

.zThird_3 {
	width: 45%;
	height: 160px;
	background-color: rgb(253, 178, 0);
	float: left;
	margin-left: 40px;
}

.zThird_4 {
	width: 460px;
	height: 50px;
	margin-left: 20px;
	margin-top: 10px;
}

.zThird_4>p {
	font-size: 20px;
	color: white;
	text-align: left;
}

.zThird_5 {
	width: 460px;
	height: 150px;
	border-top: 1px solid white;
}

.b1 {
	width: 30px;
	height: 30px;
	float: left;
}

.b1>img {
	width: 100%;
	height: 100%;
}

.b2 {
	color: black;
	font-size: 16px;
	float: left;
	margin-top: 2%;
}

.b2:hover {
	color: white;
}

.b3 {
	width: 30px;
	height: 30px;
	float: left;
}

.b3>img {
	width: 100%;
	height: 100%;
}

.b4 {
	color: black;
	font-size: 16px;
	float: left;
	margin-top: 2%;
}

.b4:hover {
	color: white;
}

.b5 {
	width: 90px;
	height: 80px;
	margin-top: 30px;
	float: left;
	margin-left: -30%;
}

.b5>img {
	width: 100%;
	height: 100%;
}


/*第四部*/

.zFour {
	width: 100%;
	height: 150px;
	margin-top: 80px;
	float: left;
}

.zFour_1 {
	width: 30%;
	height: 50px;
	margin-top: 10px;
	float: left;
}

.zFour_1>p {
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	color: black;
}

.zFour_2 {
	width: 80px;
	height: 80px;
	border: 5px solid orange;
	border-radius: 100%;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

.a5 {
	margin-left: 25px;
}

.zFour_3 {
	width: 45%;
	height: 100px;
	background-color: black;
	opacity: 0.7;
	float: left;
	margin-left: 37px;
}

.zFour_4 {
	width: 460px;
	height: 50px;
	margin-left: 20px;
	
}

.zFour_4>p {
	font-size: 20px;
	color: white;
	text-align: left;
}

.zFour_5 {
	width: 460px;
	height: 150px;
	border-top: 1px solid white;
}

.zFour_5>ul>li {
	font-size: 15px;
	color: white;
	text-align: left;
}

.pics {
	width:100%;
	height: 700px;
}

.pics>div {
	width: 200px;
	height: 150px;
	float: left;
	margin-left: 35px;
	margin-top: 35px;
}

.pics>div>img {
	width: 100%;
	height: 100%;
}

.chat {
	width: 100%;
	height: 300px;
margin-top: 145%;
	background-color: papayawhip;
	opacity: 0.5;
}

.chat_pic {
	width: 50%;
	height: 50%;
	
}

.content {
	width: 100%;
	height: 300px;
	background-color: black;
	opacity: 0.8;
}

.content_1 {
	position: relative;
	/*left: 45%;*/
	top: 5%;
}

.content_2 {
	position: relative;
	/*left: -2%;*/
	top: 10%;
}

.d1 {
	font-size: 30px;
	color: white;
}

.d2 {
	font-size: 20px;
	color: white;
}

.xin {
	width: 45px;
	height: 45px;
	position: relative;
	border: 1px solid black;
	border-radius: 100px;
	/*left: 45%;*/
	top: 10%;
}

.xin:hover {
	background-color: blue;
}